body .main {
  overflow-y: auto;
}
body .main .swiper {
  height: 200px;
}
body .main .swiper .swiper-slide img {
  width: 100%;
}
body .main .content {
  width: 90%;
  height: 130px;
  justify-content: space-between;
  margin: 5%;
}
body .main .content img {
  left: -16px;
  top: 20px;
  width: 121px;
  height: 121px;
  opacity: 0.3;
}
body .main .content .nowRank,
body .main .content .sum {
  left: 14px;
  top: 14px;
  height: 28px;
  color: #004e73;
}
body .main .content .rank {
  border-radius: 15px 15px 15px 15px;
  flex: 2;
  background-color: #1592cc;
  margin-right: 5%;
  overflow: hidden;
}
body .main .content .rank .rankNum {
  border-radius: 15px 15px 15px 15px;
  flex: 2;
  right: 14px;
  top: 30px;
  font-weight: 500;
  line-height: 112px;
  color: #ffffff;
}
body .main .content .punch {
  border-radius: 15px 15px 15px 15px;
  flex: 3;
  background-color: #7bcbf5;
}
body .main .content .punch .nowPunch {
  top: 80px;
  right: 14px;
  width: 100px;
  height: 40px;
  line-height: 34px;
  border-radius: 20px;
  color: #004e73;
  border: 3px solid #005177;
}
body .main .content .sport {
  border-radius: 15px 15px 15px 15px;
  flex: 2;
  margin-right: 5%;
  background: url(../img/index-card-data.png);
  background-size: cover;
}
body .main .content .sport .sportData {
  margin: 14px 0 0 14px;
}
body .main .content .badge {
  border-radius: 15px 15px 15px 15px;
  flex: 2;
  background-color: #1592cc;
  overflow: hidden;
}
body .main .content .badge .sumbadge {
  margin: 14px 0 0 14px;
}
body .main .content .badge .badgeNum {
  right: 32px;
  bottom: 14px;
  width: 48px;
  color: #004e73;
}
body .main .content .badge .badgeNum span {
  bottom: 14px;
}
body .main .coursebg,
body .main .joggingbg {
  width: 90%;
  height: 150px;
  background-size: cover;
  margin-left: 5%;
  border-radius: 15px 15px 15px 15px;
}
body .main .coursebg {
  background-image: url(../img/index-swiper-bg2.jpg);
}
body .main .coursebg .course-train {
  padding: 14px 0 0 14px;
}
body .main .joggingbg {
  background-image: url(../img/index-card-run.png);
  margin-top: 5%;
}
body .main .joggingbg .jogging {
  padding: 14px 0 0 14px;
}
